<template>
	<view class="sort">
		<view class="nav_1">
			<view class="nav-box">
				<view class="nav-icon">
					<image src="../../static/my_sort/yinyueyl.png" mode=""></image>
				</view>
				<text class="nav-text">本地/下载</text>
			</view>	
			<view class="nav-box">
				<view class="nav-icon">
					<image src="../../static/my_sort/yunpan.png" mode=""></image>
				</view>
				<text class="nav-text">云盘</text>
			</view>	
			<view class="nav-box">
				<view class="nav-icon">
					<image src="../../static/my_sort/gongwenban2.png" mode=""></image>
				</view>
				<text class="nav-text">已购</text>
			</view>	
			<view class="nav-box">
				<view class="nav-icon">
					<image src="../../static/my_sort/bofang.png" mode=""></image>
				</view>
				<text class="nav-text">最近播放</text>
			</view>	
		</view>
		
		<view class="nav_2">
			<view class="nav-box">
				<view class="nav-icon">
					<image src="../../static/my_sort/lianxiren.png" mode=""></image>
				</view>
				<text class="nav-text">我的好友</text>
			</view>	
			<view class="nav-box">
				<view class="nav-icon">
					<image src="../../static/my_sort/xinxin.png" mode=""></image>
				</view>
				<text class="nav-text">收藏和赞</text>
			</view>	
			<view class="nav-box">
				<view class="nav-icon">
					<image src="../../static/my_sort/xinhao.png" mode=""></image>
				</view>
				<text class="nav-text">播客</text>
			</view>	
			<view class="nav-box">
				<view class="nav-icon">
					<image src="../../static/my_sort/tianjia3.png" mode=""></image>
				</view>
				<text class="nav-text">音乐应用</text>
			</view>	
		</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	.sort{
		border-radius: 20rpx;
		width:700rpx;
		height:430rpx;
	    background:#fff;
		margin-left:26rpx;
		image{
			width:60rpx;
			height:60rpx;
		}
		
	}
	.nav-box{
		width:120rpx;
		height:150rpx;
		margin-left:44rpx;
		margin-top: 40rpx;
		.nav-icon{
			width:50rpx;
			height:50rpx;
			margin: 20rpx auto;
		}
		.nav-text{
			display: block;
			width:120rpx;
			font-size:5px;
			text-align: center;
			color: #666666;
		}
	}
	.nav_1{
		display: flex;
	}
	.nav_2{
		display: flex;
	}
	
</style>
